<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<c:if test="${not empty artikelen}">
    <div class="col-md-11">
        <H2>Beschikbare films</H2> 
    </div>
    <c:forEach var="artikel" items="${artikelen}">
        <div class="predefinedOverview col-md-11" style="margin-left:40px">
            <div>
                <img class="leftalign" style="margin-bottom: 10px" src="../img/artikel/${artikel.titel}.jpg"  width="195" />
            </div>
            <div class="col-md-8">
                <h3>${artikel.titel}</h3>
                <p>
                    ${artikel.datadrager} / ${artikel.uitvoering} / ${artikel.genre}
                </p>
            </div>
            <div class="col-md-8 leftalign">
                <p>${artikel.samenvatting}</p>
                <p></p>
                <!--                <p>
                                    <a href="artikel/details/${artikel.artikelID}">Bekijk details</a>
                                </p>-->
            </div>
            <div class="col-md-2">
                <div class="row">
                    <p style="font-size:15px">${artikel.duur}</p>
                    <p style="font-size:15px">${artikel.cast}</p>
                    <p>${artikel.producent}<br>
                        ${artikel.productiemaatschappij}</p>
                </div>
                <div style="clear:both"></div>
                <div class="submit col-md-4"><a class="btn-link" href="reserveren/${artikel.artikelnummer}">Reserveer</a></div>
            </div>
        </div>
    </c:forEach>
</c:if>
<c:if test="${empty artikelen}">
    <H3>Helaas, er zijn geen resultaten gevonden</H3>
</c:if>